<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>小普马桶</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-top">
    <a class="aui-pull-left aui-btn goBack" >
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">查看物流</div>
</header>
<section id="app">
    <div class="aui-card-list">
        <div class="aui-card-list-header aui-card-list-user aui-border-b">
            <div class="aui-card-list-user-avatar">
                <img src="../../images/1.png" class="aui-img-round" />
            </div>
            <div class="aui-card-list-user-name">
                <div>已签收</div>
                <small>1天前</small>
            </div>
            <div class="aui-card-list-user-info">天天快递</div>
            <div class="aui-card-list-user-info">官方电话:00000000</div>
        </div>
    </div>
    <div class="aui-card-list" style="margin-top:-1rem">
        <div class="aui-card-list-header aui-card-list-user aui-border-b">
            <div class="aui-card-list-user-avatar">
                <img src="../../images/1.png" class="aui-img-round" />
            </div>
            <div class="aui-card-list-user-name">
                <div>派送员</div>
                <small>
                    <div class="aui-btn aui-btn-primary  aui-btn-sm">评价快递员</div>
                </small>
            </div>
            <div class="aui-card-list-user-info">李某</div>
        </div>
    </div>
    <div style="margin-left:1.5rem;margin-bottom:0.5rem">
        <i class="aui-iconfont aui-icon-location"></i>
        收货地址: <span>深圳市科技园</span>
    </div>
    <div class="aui-timeline">
        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-info text-light">NO.1</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">
                        <div class="aui-flex-row ">
                            <p class="aui-font-size-12 aui-text-info">已签收</p>
                            <p class="aui-font-size-12">时间轴回来了</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-warning text-light">NO.2</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">
                        <div class="aui-flex-row ">
                            <p class="aui-font-size-12">派送中</p>
                            <p class="aui-font-size-12">时间轴回来了</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="aui-timeline-item">
            <div class="aui-timeline-item-label aui-bg-success text-light">NO.3</div>
            <div class="aui-timeline-item-inner">
                <div class="aui-card-list">
                    <div class="aui-card-list-header aui-border-b">
                        <div class="aui-flex-row ">
                            <p class="aui-font-size-12">运输中</p>
                            <p class="aui-font-size-12">时间轴回来了</p>
                        </div>
                    </div>

                    <div class="aui-card-list-footer aui-text-center aui-border-t">
                       查看更多
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="./js/wuliu.js" ></script>
<script type="text/javascript">
    var vltHome = new Vue({
        el:'#app',
        data:{},
        methods:{
            gohome:function(){//首页
                window.location.href = "";
            }
        }
    });


</script>
</body>
</html>